<template>
  <div>
    <v-row>
      <v-col :cols="12" style="padding:0;">
        <div class="banner text-uppercase">after-sale service</div>
      </v-col>
    </v-row>

    <v-container>
      <v-row>
        <v-card>
          <v-tabs vertical>
            <v-tab>Warranty terms</v-tab>
            <v-tab>technical guidance</v-tab>
            <v-tab>Supplementary Provisions</v-tab>

            <v-tab-item>
              <v-card flat>
                <v-card-text class="body-1">
                  <p>Guarantee of innovation in DJ ,There are no defects in materials and workmanship during the warranty period .he warranty period of this product is calculated from the day when you receive the goods ，The warranty period of this product is 90 days from the date you receive the goods.</p>
                </v-card-text>
              </v-card>
            </v-tab-item>

            <v-tab-item>
              <v-card flat>
                <v-card-text class="body-1">
                  <p>Innovation technical support personnel in DJ will try to Diagnose and resolve your problems by phone, email, or remote assistance ,Guides you to download and install the specified software updates.</p>
                </v-card-text>
              </v-card>
            </v-tab-item>

           <v-tab-item>
              <v-card flat>
                <v-card-text class="body-1">
                  <p>Replacement products provided by Dajiang ，it must be In good working condition.Replacement products Enjoy the same warranty service in the remaining warranty period of the original product.</p>
                </v-card-text>
              </v-card>
            </v-tab-item>
          </v-tabs>
        </v-card>
      </v-row>
    </v-container>
  </div>
</template>

<style scoped>
.banner {
  height: 300px;
  background: url("../assets/6.jpg")
    no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  color: rgb(124, 128, 127);
  font-size: 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>